<html>
	<head>
		<title>Run JavaScript</title>
		<link href="chrome://zotero/skin/runJS.css" rel="stylesheet"/>
	</head>
	<body>
		<nav>
			<button onclick="run()">Run</button>
			<span id="run-label"></span>
			<button id="help-button" onclick="openHelp()">Help</button>
		</nav>
		
		<main>
			<div class="textbox-container">
				<div class="textbox-header">
					<label class="textbox-label" for="editor-code">Code:</label>
					<label id="run-as-async-label" for="run-as-async">
						<input id="run-as-async" type="checkbox" onclick="update()">
						Run as async function
					</label>
				</div>
				<iframe
						src="chrome://zotero/content/ace/ace.html"
						id="editor-code"
						class="editor-code"
				></iframe>
			</div>
			
			<div class="textbox-container">
				<div class="textbox-header">
					<label id="result-label" class="textbox-label" for="result"/>
				</div>
				<textarea id="result" readonly></textarea>
			</div>
		</main>
		
		<script src="include.js"></script>
		<script src="runJS.js"></script>
	</body>
</html>